<template>
  <span>
    <svg class="icon" aria-hidden="true" v-if="!fileType || fileType === 'directory'">
      <use xlink:href="#icon-File"></use>
    </svg>
    <svg class="icon" aria-hidden="true" v-if="fileType === 'pdf'">
      <use xlink:href="#icon-Pdf"></use>
    </svg>
    <svg class="icon" aria-hidden="true" v-if="fileType === 'md'">
      <use xlink:href="#icon-markdown"></use>
    </svg>
  </span>
</template>

<script>
export default {
name: "FileTypeIcon",
  props: {
    fileType: {
      Type: String,
      default: 'directory'
    }
  }
}
</script>

<style scoped>

</style>